<template>
    <view v-if="goods_photo">
        <swiper
            class="swiper"
            :indicator-dots="goods_photo.length > 1"
            indicator-color="rgba(253, 255, 251, .3)"
            indicator-active-color="#fbfff9"
            circular
            :autoplay="true"
            :interval="3500"
            :duration="1500"
        >
            <swiper-item class="wh" v-for="(item, index) in goods_photo" :key="index">
                <image :src="$imgUrls(item)" mode="aspectFill" class="wh"></image>
            </swiper-item>
        </swiper>
    </view>
</template>

<script>
    export default {
        props: ['goods_photo'],
        data() {
            return {};
        },
        methods: {}
    };
</script>

<style lang="scss" scoped>
    .swiper {
        width: 750rpx;
        height: 750rpx;
    }
</style>
